<%--
  Created by IntelliJ IDEA.
  User: cyb
  Date: 2019/3/2
  Time: 13:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>测试</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="../css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="../css/webuploader.css"/>
    <style>
        .aaa p{
            min-height: 22px;
        }
    </style>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="../js/upload/webuploader.min.js"></script>
    <script src="../js/upload/uploadImage.js"></script>
    <script>
        $(function () {
            $(".album-info").click(function () {
                $.post("test", function (data) {
                    $(".aaa").append(data);
                })
            })
        })
    </script>
    <style>
        .uploader-list{
            border: 1px solid blue;
            height: 266px;
            width: 266px;
        }
    </style>
</head>
<body>
    <a href="javascript:;" class="album-info">显示专辑信息</a>
    <!--<a href="javascript:;" class="upload-image">上传图片存储到数据库中，并从数据库中读取显示在页面上</a>-->
    <div id="uploader-demo">
        <!--用来存放item-->
        <div class="btn-upload-image">选择本地图片</div>
        <div id="fileList" class="uploader-list"></div>
    </div>
    <div class="aaa"></div>
</body>
</html>
